<template>
    <div class='special-list'>
        <div class='special-list-over clear'>
             <div class='special-list-box'
                v-for = '(goods,index) in resource'
                :key = 'index'
             >
                <div class='special-list-proimg'>
                    <img :src='goods.pic_url'>
                    <div class='special-logo'>
                        <img :src = 'goods.logo_url'>
                    </div>
                </div>
                <div class='special-merchant'>
                    <p>{{goods.coupon_tips}}</p>
                    <div class='special-name'>
                        <span>{{goods.title}}</span>
                        <em>上新</em>
                    </div>
                </div>
            </div>
          
        </div>
       
    </div>
</template>
<script>
    export default {
        props:{
            resource : Array
        }
    }
</script>
<style lang="stylus">
@import '~assets/styles/_base.styl'
@import '~assets/styles/_ellipsis.styl'

    .special-list
        width 100%
        .special-list-over
            width 7.54rem
            .special-list-box
                width 3.73rem
                float left
                margin-top .04rem
                margin-right .04rem
                background #fff
                .special-list-proimg
                    width 100%
                    height 3.74rem
                    position relative
                    img
                        width 100%
                    .special-logo
                        position absolute
                        width 1rem
                        height .52rem
                        border 1px solid #ebebeb
                        background #fff
                        top 3.45rem
                        right .16rem
                        img
                            width 100%
                .special-merchant
                    padding 0 .16rem    
                    p
                        font-size .3rem
                        color $bg-color
                        margin-top .12rem
                        line-height .44rem
                    .special-name
                        font-size .24rem
                        color #3b3b3b
                        margin-bottom .24rem
                        span
                            display inline-block
                            width 2.33rem
                            ellipsis()
                        em
                            color #bbb
                            font-size .2rem
                            float right


</style>